﻿@import "../LiberUI/Style/Default/_Theme.scss";
/*@import "../LiberUI/Style/Default/font-awesome";*/
@import "../LiberUI/Style/Default/_soIcons";

/*@font-face {
  font-family: 'FontAwesome';
  src: url('/LiberUI/Style/Default/fonts/fontawesome-webfont.eot');
  src: url('/LiberUI/Style/Default/fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('/LiberUI/Style/Default/fonts/fontawesome-webfont.woff') format('woff'), url('/LiberUI/Style/Default/fonts/fontawesome-webfont.ttf') format('truetype'), url('/LiberUI/Style/Default/fonts/fontawesome-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}*/

@font-face {
  font-family: 'SoIcons';
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot');
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot') format('embedded-opentype'), url('/LiberUI/Style/Default/fonts/iconfont.woff') format('woff'), url('/LiberUI/Style/Default/fonts/iconfont.ttf') format('truetype'), url('/LiberUI/Style/Default/fonts/iconfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

$headHeight:4rem;

#Topview{
    height:100%;
}

#pageHead {
    position: fixed;
    height:$headHeight;
    z-index: 1000;
    box-shadow:  2px 5px 16px 0 rgba(0,0,0,0.75);
    background-color:#E8EBED;
    //由于文字选择事件会导致firefox下鼠标移动事件失效
    -moz-user-select: none;
    -webkit-user-select: none;
}
#topRow{
    background-color: $ClrDisable;
    -moz-transition: all ease 0.8s;
    -o-transition: all ease 0.8s;
    -webkit-transition: all ease 0.8s;
    transition: all ease 0.8s;
    line-height:$headHeight;
    height:$headHeight;
}
#logo{
    height:$headHeight;
    background-image: url('Imgs/logo-slogan.png');
    background-size:auto 100%;
    background-repeat:no-repeat;
    background-position:center center;
    overflow:hidden;
    &>a{
        display:block;
        width:100%;
    }
}
#headNavi{
    height: $headHeight;
    line-height:$headHeight;
    min-width:6rem;
    font-size:1.2rem;
    font-weight:bold;
    color:$ClrThemeTxt;
    text-align:center;
    overflow:hidden;
}
#myDashbord{
    padding: 0;
    margin: 0;
    cursor: pointer;
    height: $headHeight;
    line-height:$headHeight;
    float:left;
    padding:0 1rem;
    &>a{
        height:$headHeight;
        line-height:$headHeight;
        display:inline-block;
    }
    &:hover{
        color:$ClrTheme;
        background-color: $ClrThemeBk;
        &>a{
            color:$ClrTheme;
            background-color: $ClrThemeBk;
        }
    }
}
#myMenu{
    list-style: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    height: $headHeight;
    overflow:hidden;
    &>li{
        float:left;
        display: block;
        height:$headHeight;
        padding: 0 1rem;
        -moz-transition: all ease 0.5s;
        -o-transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        transition: all ease 0.5s;
        &:hover {
            color: $ClrTheme;
            background-color: $ClrThemeBk;
            &>a{
                color:$ClrTheme;
            }
        }
        &>a{
            color:$ClrThemeTxt;
            line-height: $headHeight;
            &>i{
                @include soicon($ClrTheme);
            }
        }
    }
}
#allMenu{
    margin: 0;
    cursor: pointer;
    height: $headHeight;
    line-height:$headHeight;
    padding:0 1rem;
    font-size:1.2rem;
    font-weight:bold;
    color:$ClrTheme;
    background-color: $ClrThemeBk;
    text-align:center;
    &>i{
        @include soicon($ClrTheme);
    }
}
#userBar{
    height:$headHeight;
    overflow:hidden;
    font-size:1rem;
    &>ul{
        list-style:none;
        margin:0;
        cursor:pointer;
        display:inline-block;
        &>li{
            float:left;
            margin:0;
            padding:0 0.5em;
            height:$headHeight;
            line-height:$headHeight;
            &>i{
                @include soicon($ClrThemeTxt,1.5rem);
            }
            &.hot{
                color:$ClrTheme;
                background-color:white;
                &>i{
                    @include soicon($ClrTheme,1.5rem);
                }
            }
            &.userBar_menu{
                &:hover{
                    color:$ClrTheme;
                    background-color:white;
                &>i{
                    @include soicon($ClrTheme,1.5rem);
                }
            }
            }
        }
    }
}
#userHead{
    &>img{
        height:$headHeight/1.2;
        width:$headHeight/1.2;
        border-radius:50%;
        float:left;
        margin-top:$headHeight/16;
        margin-right:5px;
    }
}
#sysAlert{
    &>em{
        font-style:normal;
        background-color:$ClrDisableBk;
    }
}
#pvFullMenu{
    background-color:$ClrThemeBk;
    color:$ClrTheme;
    width:100%;
    -webkit-box-shadow: 7px 17px 30px -10px rgba(0,0,0,1);
    -moz-box-shadow: 7px 17px 30px -10px rgba(0,0,0,1);
    box-shadow: 7px 17px 30px -10px rgba(0,0,0,1);
    overflow:hidden;
    margin-top:-2px;
    height:0;
    position:relative;
    font-size:1.2rem;
    &.active{
        min-height:20rem;
        animation:fladeInUp 0.5s forwards;
    }
}
#lnkSetMyNavi{
    position:absolute;
    top:5px;
    right:5px;
    padding:0.2rem;
    background-color:$ClrFocus;
    color:$ClrFocusTxt;
    z-index:999;
}
.mnu_group{
    padding:1rem 1.5rem 1rem 2rem; 
    &>.mnu_group_title{
        &>i{
            color:$ClrThemeHotTxt;
            @include soicon($ClrThemeHotTxt,1.4rem);
            padding:0.5rem 0 0.5rem 0;
        }
    }
    &>.mnu_items{
        font-size:1.1rem;
        &>a{
            margin-right:1.5rem;
        }
    }
}

#pvAcntInfo {
    background-color: white;
    width: 80%;
    -webkit-box-shadow: 7px 17px 30px -10px rgba(0,0,0,1);
    -moz-box-shadow: 7px 17px 30px -10px rgba(0,0,0,1);
    box-shadow: 7px 17px 30px -10px rgba(0,0,0,1);
    height: 0;
    overflow: hidden;
    margin-top: -2px;
    &.active {
        height: 12rem;
        -moz-animation: fladeInUp 0.5s;
        -o-animation: fladeInUp 0.5s;
        -webkit-animation: fladeInUp 0.5s;
        animation: fladeInUp 0.5s;
    }

    & > a {
        display: block;
        padding:5px 1rem;
        font-size:1.2rem;
        &>i{
            margin-right:1rem;
        }
        &:hover {
            background-color: lighten($ClrThemeBk,70);
        }
    }
}
#pvMyAlerts{
    background-color:white;
    -webkit-box-shadow: 7px 17px 30px -10px rgba(0,0,0,1);
    -moz-box-shadow: 7px 17px 30px -10px rgba(0,0,0,1);
    box-shadow: 7px 17px 30px -10px rgba(0,0,0,1);
    width:80%;
    height:0;
    overflow:hidden;
    margin-top:-2px;
    &.active{
        height:20rem;
        animation:fladeInUp 0.5s;       
    }
}

#pageContent{
    padding:$headHeight 10px 10px 10px;
    min-height:100%;
}


#pageFoot{
    padding-top:1rem;
    color:$ClrThemeTxt;
    z-index:1;
    background-color:$ClrThemeBk;
    &>div{
        line-height:2rem;
    }
}
#aboutUs{
    line-height:3rem;
    padding-top:2rem;
}
#connactUs{
    &>h3{
        color:white;
    }
}
#mailUs{
    &>h3{
        color:white;
    }
    &>a{
        &>i{
            @include soicon($ClrThemeTxt);
        }
        &:hover{
            &>i{
                @include soicon($ClrTheme);
            }
        }
    }
}
#wxUs{
    &>h3{
        color:white;
    }
    &>img{
        width:80%;
    }
}

/*#region 页面帮助*/
#pageHelper {
    position: fixed;
    bottom: 60px;
    right: 20px;
    background-color: #bababa;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    & > ul {
        width: 4rem;
        margin: 0;
        padding: 0;
        list-style: none;
        cursor: pointer;
        & > li {
            height: 4rem;
            padding: 0;
            &:hover {
                background-color: rgba(0,0,0,0.75);
            }
        }
    }
}
#goTop {
    display: none;
    background-image: url('Imgs/goTop.gif');
    background-size: auto 8rem;
    &:hover {
        background-position: 0 -4rem;
    }
}
/*#endregion*/
